<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IFE task 12</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div>
    <table class="table">
        <thead class="thead">
        <tr>
            <th>排名</th>
            <th>网站</th>
            <th>热度</th>
        </tr>
        </thead>
        <tbody class="tbody">
        <tr>
            <td>1.</td>
            <td>百度前端技术学院</td>
            <td>13000</td>
        </tr>
        <tr>
            <td>2.</td>
            <td>百度前端技术学院</td>
            <td>12000</td>
        </tr>
        <tr>
            <td>3.</td>
            <td>百度前端技术学院</td>
            <td>11000</td>
        </tr>
        <tr>
            <td>4.</td>
            <td>百度前端技术学院</td>
            <td>11000</td>
        </tr>
        <tr>
            <td>5.</td>
            <td>百度前端技术学院</td>
            <td>10000</td>
        </tr>
        <tr>
            <td>6.</td>
            <td>百度前端技术学院</td>
            <td>8000</td>
        </tr>
        <tr>
            <td>7.</td>
            <td>百度前端技术学院</td>
            <td>7000</td>
        </tr>
        <tr>
            <td>8.</td>
            <td>百度前端技术学院</td>
            <td>6000</td>
        </tr>
        <tr>
            <td>9.</td>
            <td>百度前端技术学院</td>
            <td>5000</td>
        </tr>
        <tr>
            <td>10.</td>
            <td>百度前端技术学院</td>
            <td>4000</td>
        </tr>
        </tbody>
    </table>
</div>

<div class="ipt_wrap">
    <label for="ipt"></label>
    <input id="ipt" class="ipt" type="text">
</div>

<div class="banner_wrap">
    <div id="bn_0" class="bn_wrap">
        <div class="bn_1"></div>
        <div class="bn_2">
            <div class="bn_2_left"></div>
            <div class="bn_2_right"></div>
        </div>
        <div class="bn_3"></div>
    </div>
    <div id="bn_1" class="bn_wrap">
        <div class="bn_1"></div>
        <div class="bn_2">
            <div class="bn_2_left"></div>
            <div class="bn_2_right"></div>
        </div>
        <div class="bn_3"></div>
    </div>
    <div id="bn_2" class="bn_wrap">
        <div class="bn_1"></div>
        <div class="bn_2">
            <div class="bn_2_left"></div>
            <div class="bn_2_right"></div>
        </div>
        <div class="bn_3"></div>
    </div>
    <div id="bn_3" class="bn_wrap">
        <div class="bn_1"></div>
        <div class="bn_2">
            <div class="bn_2_left"></div>
            <div class="bn_2_right"></div>
        </div>
        <div class="bn_3"></div>
    </div>
    <div class="bn_change">
        <a href="#bn_1" class="bn_change_1">1</a>
        <a href="#bn_2" class="bn_change_2">2</a>
        <a href="#bn_3" class="bn_change_3">3</a>
    </div>
</div>
</body>
</html>